import React ,{useEffect} from "react";

import {Init,XinIt} from "../skeleton/index.js";

const ShoppingList=()=>{
  const makeSk = (e)=>{
    console.log(e);



    const newSkeleton = new Init(e);
            // 自定义覆盖层样式
            let newStyle = {
               
                // backgroundColor: "#888"
            };
            const newMakeSkeleton = new XinIt(e.target);
            newSkeleton.getDom(e.target);
            newMakeSkeleton.makeStyle(newStyle);
  }
    return (
      <div className="shopping-list">
        <h1>Shopping List for</h1>
        <ul>
          <li>Instagram</li>
          <li>WhatsApp</li>
          <li onClick={makeSk}>Oculus</li>
        </ul>
      </div>
    );
  
}

export default ShoppingList;